import { PlusCircleOutlined, SearchOutlined } from "@ant-design/icons";
import { useContext } from "react";
import { WebsiteContext } from "../../contexts/Website";

export default function Header() {
    const { title } = useContext(WebsiteContext);
    return <>
        <div className="relative h-12 flex items-center justify-center border-b w-screen bg-white">
            <div className="text-center font-medium text-lg">{title}</div>
            <div className="absolute right-4 flex gap-4 text-xl">
                <SearchOutlined />
                <PlusCircleOutlined />
            </div>
        </div>
    </>;
}
